<template>
  <transition name="slide">
    <div class="seckill">
        <header-common :title="title"></header-common>    
    </div>
</transition>	
</template>
<script>
import HeaderCommon from 'base/header-common/header-common'

export default{
    data() {
      return {
        title:'限时秒杀'
      }
    },    
    computed:{
    },
    created(){
    },
    methods:{
       
    },
    components: {HeaderCommon}
  }	
</script>
<style scoped lang='scss' type="text/css">
  @import "~common/scss/variable.scss";
  @import "~common/scss/mixin.scss";
.seckill{
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
}
  .slide-enter-active,.slide-leave-active{
    transition:all 0.3s;
  }
  .slide-enter,.slide-leave-to{
    transform:translate3d(100%,0,0);
  } 
</style>